Reordering nodes in a hierarchical structure

ABSTRACT

This disclosure describes a user interface and methods for quickly and easily modifying graphical content. Specifically, content having a hierarchical format may be received in a content pane. The hierarchical format may include one or more hierarchical levels and a plurality of content portions occupying one or more hierarchical positions within each of the one or more hierarchical levels. Further, a graphical definition may be applied to the content creating graphical content. As will be appreciated, the graphical content may comprise a hierarchical structure corresponding to the hierarchical format of the content. The hierarchical structure may include a plurality of nodes occupying one or more node positions within each of one or more node levels. A content portion occupying a hierarchical position may be reordered within a hierarchical level and may automatically cause a corresponding node in a corresponding node position to be reordered within a corresponding node level.

RELATED APPLICATIONS

This application is related to U.S. patent application Ser. No.10/957,103, entitled “EDITING THE TEXT OF AN ARBITRARY GRAPHIC VIA AHIERARCHICAL LIST,” filed on Sep. 30, 2004, the entire disclosure ofwhich is hereby incorporated by reference.

INTRODUCTION

Visual aids help people understand information. Computer programs, suchas the Microsoft® PowerPoint® presentation application, automate thetask of creating visual presentations of information in a graphicalformat. Such graphics programs generally allow users to conveyinformation more efficiently and effectively by arranging theinformation in easily understandable visual layouts and styles.

Graphical representations of information, or content, may containinformation with both textual and graphical characteristics. Textualcharacteristics generally refer to the written matter within thegraphical content. Graphical characteristics generally refer to thepictorial or other visual features of the graphical content. Dependingon the information and the audience, a user may select an appropriatevisual diagram to optimize the presentation of the information. However,after selecting an appropriate diagram, traditional graphicsapplications may require the user to consume considerable time andeffort to input the information into the selected visual diagram.

It is with respect to this general environment that the presentdisclosure is directed.

Summary

This disclosure describes a user interface and methods for quickly andeasily modifying graphical content. Specifically, the present methodsand systems described herein provide for receiving content having ahierarchical format in a content pane. The hierarchical format mayinclude one or more hierarchical levels and a plurality of hierarchicalpositions within each of the one or more hierarchical levels. Inaddition, embodiments of the user interface may provide one or moregalleries of graphical definitions for presenting the content.Specifically, a plurality of graphical definitions may be provided asselection options within ribbons, menus, and drop-downs of the userinterface, as described herein. Each graphical definition comprises acombination of a layout definition and a style definition. Thus, when agraphical definition (i.e., a layout definition combined with a styledefinition) is applied to the content, graphical content is created. Aswill be appreciated, the graphical content may comprise a hierarchicalstructure corresponding to the hierarchical format of the content. Thehierarchical structure may include one or more node levels and aplurality of nodes within each of the one or more node levels.

According to the disclosed embodiments, a hierarchical position may beselected and easily reordered within a hierarchical level in the contentpane and the change may be substantially simultaneously reflected byreordering a corresponding node within a node level in the graphicspane. Additionally or alternatively, any child hierarchical positionsassociated with the selected hierarchical position may be automaticallyreordered along with the selected hierarchical position. Otherembodiments provide that a node may be selected and easily reorderedwithin a node level in the graphics pane and the change may besubstantially simultaneously reflected by reordering a correspondinghierarchical position within a hierarchical level in the content pane.

Embodiments of the present disclosure may include systems, methods, andcomputer storage media for editing graphical content. Embodiments mayfurther comprise accepting content in a content pane, wherein thecontent comprises a plurality of content portions displayed in ahierarchical format comprising one or more hierarchical levels. At leastone of the one or more hierarchical levels may comprise a plurality ofhierarchical positions and each content portion may occupy one of theplurality of hierarchical positions. A selection for at least onegraphical definition may be received and the at least one selectedgraphical definition may comprise a layout and a style for presentingthe content. The at least one selected graphical definition may beapplied to the content to produce the graphical content. The graphicalcontent may be simultaneously displayed in a graphics pane separate fromthe content pane. Further, the graphical content may comprise aplurality of nodes in a hierarchical structure corresponding to thehierarchical format. The hierarchical structure may comprise one or morenode levels corresponding to the one or more hierarchical levels andeach of the one or more node levels may comprise a plurality of nodepositions corresponding to the plurality of hierarchical positions. Eachnode may correspond to a content portion and may occupy a correspondingone of the plurality of node positions. A change to the content may bereceived in the content pane and the change may include reordering aselected content portion within one of the one or more hierarchicallevels. A node corresponding to the selected content portion may beautomatically reordered within a corresponding node level in thegraphics pane as the change to the content is received in the contentpane.

These and various other features as well as advantages whichcharacterize the systems and methods described herein will be apparentfrom a reading of the following detailed description and a review of theassociated drawings. Additional features are set forth in thedescription which follows, and in part will be apparent from thedescription, or may be learned by practice of the technology. Thebenefits and features of the technology will be realized and attained bythe structure particularly pointed out in the written description andclaims herein as well as the appended drawings.

It is to be understood that both the foregoing general description andthe following detailed description are exemplary and explanatory and areintended to provide further explanation for the appended claims.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG. 1 is a functional diagram illustrating an embodiment of a computingenvironment and a basic computing device that may provide the userinterface and the graphics creation and editing system as describedherein.

FIG. 2 is an illustration of an embodiment of a user interface forcreating and editing graphical content.

FIG. 3 is an illustration of an embodiment of a user interface providinga style drop-down menu associated with a style gallery for selectingadditional style definitions applicable to a selected layout.

FIG. 4 is an illustration of an embodiment of a user interface providinga shape customizing drop-down menu associated with a graphical elementof the graphical content.

FIG. 5 is an illustration of an embodiment of a user interface providingone or more control elements for modifying the content and the graphicalcontent.

FIG. 6 is an illustration of an embodiment of a user interface providinga shape effects drop-down menu associated with a format tab.

FIG. 7 is an illustration of an embodiment of a user interfaceillustrating application of a first alternative layout definition to thegraphical content.

FIG. 8 is an illustration of an embodiment of a user interfaceillustrating application of a second alternative layout definition tothe graphical content.

FIG. 9 is a flow diagram representing an embodiment of a method forreordering the hierarchical format of the content.

FIG. 10 is a flow diagram representing an embodiment of a method forreordering the hierarchical structure of the graphical content.

DETAILED DESCRIPTION

Although the methods and user interface introduced above and discussedin detail below may be useful in a variety of user-friendly computerapplications, the present disclosure will discuss the implementation ofthese techniques for use with computer graphics creation and editing.The technology described in the context of computer graphicsapplications could be adapted for use with other computer applicationsrequiring simplified and intuitive creation and editing of data ortextual content.

This disclosure describes a user interface and methods for quickly andeasily modifying graphical content. Specifically, the present methodsprovide for receiving content having a hierarchical format in a contentpane and applying a selected graphical definition to the content tocreate graphical content in a graphics pane. The graphical content mayfurther comprise a hierarchical structure corresponding to thehierarchical format of the content. Thereafter, a hierarchical positionmay be selected and easily reordered within a hierarchical level in thecontent pane and the change may be immediately reflected by reordering acorresponding node within a node level in the graphics pane.Additionally or alternatively, any child hierarchical positionsassociated with the selected hierarchical position may be automaticallyreordered along with the selected hierarchical position. Otherembodiments provide that a node may be selected and easily reorderedwithin a node level in the graphics pane and the change may beimmediately reflected by reordering a corresponding hierarchicalposition within a hierarchical level in the content pane.

FIG. 1 is a functional diagram illustrating an embodiment of a computingenvironment and a basic computing device that may provide the userinterface and the graphics creation and editing system as describedherein.

FIG. 1 and the following discussion are intended to provide a brief,general description of a suitable computing environment in which thedisclosed methods and computer storage media may be implemented.Although not required, the methods, systems, and computer storage mediawill be described in the general context of computer-executableinstructions, such as program modules, being executed by a computingsystem, such as a personal computer. Generally, program modules includeroutines, programs, objects, components, and the like that performparticular tasks or implement particular abstract data types. Moreover,the disclosed methods and computer storage media may be practiced withother computing system configurations, including hand-held devices,multiprocessor systems, microprocessor-based or programmable consumerelectronics, network personal computers, mini-computers, mainframecomputers, and the like. The methods may also be practiced indistributed computing environments where tasks are performed by remoteprocessing devices that are linked through a communications network. Ina distributed computing environment, program modules may be located inboth local and remote memory storage devices.

Referring now to FIG. 1, a suitable computing environment forimplementing the disclosed embodiments includes a computing system 20comprising a processing unit 21, a system memory 22, and a system bus23, which couples various system components including the system memory22 to the processing unit 21. The system bus 23 may be any of severaltypes of bus structures including a memory bus, or memory controller; aperipheral bus; and a local bus using any of a variety of busarchitectures.

Preferably, the system memory includes read only memory (ROM) 24 andrandom access memory (RAM) 25. A basic input/output system 26 (BIOS),containing the basic routine that helps to transfer information betweenelements such as during start-up, is stored in the ROM 24. The computingsystem 20 may further include a secondary storage device, such as a harddisk drive 27, for reading from and writing to an associated hard disk(not shown), a magnetic disk drive 28, for reading from or writing to aremovable magnetic disk 29, and an optical disk drive 30, for readingfrom or writing to a removable optical disk 31, such as a compact disk(CD) ROM, digital video disk (DVD) ROM, or other optical media.

The hard disk drive 27, magnetic disk drive 28, and optical disk drive30 are connected to the system bus 23 by a hard disk drive interface 32,a magnetic disk drive interface 33, and an optical drive interface 34,respectively. The drives and their associated computer storage mediaprovide nonvolatile, non-transitory storage of computer-readableinstructions, data structures, program modules, and other data for thecomputing system 20. Although the exemplary environment described hereinemploys a hard disk associated with hard disk drive 27, a removablemagnetic disk 29, and a removable optical disk 31, it should beappreciated by those skilled in the art that other types of computerstorage media that can store data that is accessible by a computer, suchas magnetic cassettes, flash memory cards, digital video disks, CDs,DVDs, random access memories (RAMs), read only memories (ROMs), and thelike, may also be used in the exemplary operating environment.

A number of program modules may be stored on the hard disk associatedwith hard disk drive 27, magnetic disk 29, optical disk 31, ROM 24, orRAM 25, including an operating system 35, one or more applicationprograms 36, other program modules 37, and program data 38. A user mayenter commands and information into the computing system 20 having auser interface through input devices, such as a keyboard 40 and apointing device 42, such as a mouse.

The computing system 20 might also include a camera 55, such as adigital/electronic still or video camera, or film/photographic scanner,capable of capturing a sequence of images 56. The images 56 are inputinto the computing system 20 via an appropriate camera interface 57.This camera interface 57 is connected to the system bus 23, therebyallowing the images to be routed to and stored in the RAM 25, or one ofthe other data storage devices associated with the computing system 20.Other input devices (not shown) may include a microphone, joystick, gamepad, satellite dish, scanner, or the like. These and other input devicesare often connected to the processing unit 21 through a serial portinterface 46 that is coupled to the system bus, but may be connected byother interfaces, such as a parallel port, game port, or a universalserial bus (USB). A display device, such as monitor 47, is alsoconnected to the system bus 23 via an interface, such as a video adapter48. In addition to the monitor, personal computers typically includeother peripheral output devices (not shown), such as speakers andprinters.

The computing system 20 may operate in a networked environment usinglogical connections to one or more remote computers, such as a remotecomputer 49. The remote computer 49 may be another personal computer, aserver, a router, a network PC, a peer device or other common networknode, and typically includes many or all of the elements described aboverelative to the computing system 20, although only a memory storagedevice 50 has been illustrated in FIG. 1. The logical connectionsdepicted in FIG. 1 include a local area network (LAN) 51 and a wide areanetwork (WAN) 52. Such networking environments are commonplace inoffices, enterprise-wide computer networks, intranets, and the Internet.

When used in a LAN networking environment, the computing system 20 isconnected to the local area network 51 through a network interface oradapter 53. When used in a WAN networking environment, the computingsystem 20 typically includes a modem 54 or other means for establishingcommunications over the wide area network 52, such as the Internet. Themodem 54, which may be internal or external, is connected to the systembus 23 via the serial port interface 46. In a networked environment,program modules depicted relative to the computing system 20, orportions thereof, may be stored in the remote memory storage device. Itwill be appreciated that the network connections shown are exemplary andother means of establishing a communications link between the computersmay be used.

FIG. 2 is an illustration of an embodiment of a user interface 200 forcreating and editing graphical content.

As depicted in FIG. 2, a user interface 200 may be provided viaexecution of one or more computer-executable instructions by processingunit 21, the one or more computer-executable instructions may be storedon system memory 22 (including ROM 24 and RAM 25) or other forms ofcomputer storage media (e.g., the hard disk associated with hard diskdrive 27, magnetic disk 29, optical disk 31, etc.), as described above.User interface 200 may be displayed on monitor 47, for example, and mayinclude a plurality of windows, display and/or entry panes, tabs,ribbons, menus, drop-down menus, and other useful interactive displaysfor providing input and/or commands to a computer system. As describedabove, inputs and/or commands may be used to easily create and editgraphical content within the disclosed computer graphics application.

For example, a content pane 202 may be provided within a window of theuser interface 200 for accepting content. For purposes of this example,the window may be displayed upon executing the graphics application andbeginning to build a single graphics presentation. Additionally, uponinitiating various selections available within the window, differentdisplay and entry panes, ribbons, galleries, menus, etc., may bedisplayed for manipulating the single graphics presentation.

Content may generally refer to any underlying information intended forpresentation in a graphical form. That is, the content may refer to theideas, facts, details, results, statistics, evidence, images,instructions, etc., that one wishes to convey in a graphicalpresentation. In some embodiments, content may be textual, such as ahierarchical list of ideas or facts that have interrelationships. Thecontent may convey information both via the text and via the formattingof the text, such as by carriage returns, tabs or indentions, linespaces, or other syntactic formats. In other embodiments, content mayinclude information that is non-textual, such as images, videos, sounds,or other audio-visual media. However, even in cases where the content isnon-textual, e.g., pictures, videos, etc., hierarchical formatting maybe used to convey interrelationships within the content.

As noted above, in some embodiments, content may be provided in ahierarchical format, e.g., a hierarchical list of textual content. Thehierarchical format may be provided through the use of carriage returns,indenting or tabbing, line spacing, etc. More specifically, thehierarchical format may include one or more hierarchical levels. Ahierarchical level may refer to a line or layer of content in ahierarchical list. For example, with reference to content pane 202, afirst hierarchical level of content in the illustrated hierarchical listincludes a first line of textual content, i.e., the word “First.” Asecond level of the hierarchical list may be created by using a carriagereturn and then indenting, or tabbing, and entering a second line oftextual content, i.e., the words “Second A.” Similarly, a third level ofthe hierarchical list may be created by using a carriage return and thenindenting and entering a third line of textual content, i.e., the words“Third A.” In the illustrated example, however, when the fourth line oftext was entered, i.e., the words “Third C,” a carriage return alone,without tabbing, was employed. As such, “Third C” falls directly below“Third A” within the hierarchical list, occupying the same hierarchicallevel, i.e., the third hierarchical level. Further, according to thisexample, when the textual content “Second B” was entered, a backspace orreverse tab was employed such that “Second B” is represented within thesame hierarchical level as “Second A,” i.e., the second hierarchicallevel.

In further embodiments of the hierarchical format, each line or layer ofcontent within a hierarchical level may occupy a different hierarchicalposition. According to the example illustrated in content pane 202,“Second A,” falling above “Second B” within the hierarchical list, mayoccupy a first hierarchical position, while “Second B” may occupy asecond hierarchical position within the second hierarchical level.

Further still, relationships within the content may be represented bythe hierarchical format. For example, again with reference to thehierarchical list illustrated in content pane 202, the use of variousformatting may create parent/child relationships between lines ofcontent. Specifically, entering “Third A” following a carriage returnand indent beneath “Second A” may create a parent/child relationshipbetween the two lines of content. That is, “Second A” may be parentcontent with respect to “Third A” child content. Practically speaking,one may wish to make a general assertion, statement, etc., and thensupport that statement with various facts or evidence. In that case, thegeneral assertion may be entered as “parent” content, while the one ormore supporting facts may be entered as “child” content.

According to other embodiments, the hierarchical format may be providedas a hierarchy of non-textual content. For example, the hierarchicalformat may be provided by inserting images, or other non-textualcontent, within different layers of a hierarchy. That is, through theuse of various formatting, e.g., a carriage return, a second image maybe inserted into the hierarchy in a layer directly below a first image,thereby producing images within a same hierarchical level of thehierarchy. For example, the first and second images may both occupy asecond hierarchical level. Further, according to this embodiment, thefirst image may occupy a first hierarchical position and the secondimage may occupy a second hierarchical position within the secondhierarchical level. Alternatively, the second image may be inserted intothe hierarchy below the first image in an off-set fashion, e.g., via atab, indention, backspace, reverse tab, etc. When the second image isinserted using a tab below the first image, a parent/child relationshipmay be created, i.e., the second image may be a child of the firstimage. In keeping with the above example, the first image may berepresented in the second hierarchical level, as above, and the secondimage may be represented in a next or third hierarchical level.Alternatively, when the second image is inserted using a backspace orreverse tab under the first image, the second image may be representedin still another hierarchical level. That is, according to the aboveexample, the second image may occupy a first hierarchical level, whilethe first image remains in the second hierarchical level. Indeed, anynumber of suitable variations may be employed for providing the contentin a hierarchical format within the content pane 202.

In addition to content pane 202, a design tab 204 may be provided withinthe user interface. Upon selection of design tab 204, any number ofgalleries, control elements, drop-down menus, etc., may be provided in aribbon, for example ribbon 206, within the window of the user interface.For instance, ribbon 206 may provide galleries, menus, etc., fordisplaying a plurality of graphical definitions that may be selected andapplied to the content for graphically displaying or presenting thecontent. Additionally, control or command elements may be provided forselecting and applying various operations to the content, e.g., forcreating, editing, rearranging, or otherwise modifying the content andthe graphical content.

Ribbon 206 may be provided in any suitable area of the user interface200 window. That is, ribbon 206 may be provided along an upper border, alower border, a side panel, or in any other suitable location, tofacilitate convenient access to displayed selections and/or controls. Asnoted above, ribbon 206 may provide one or more control or commandelements for manipulating the content and the graphical content, e.g.,control elements 208 (including promote, demote, right to left, reorderup, reorder down, etc.), as described further herein. Ribbon 206 mayalso include one or more galleries and/or menus for displaying aplurality of graphical definitions that may be applied to the content.

The plurality of graphical definitions may enable creation ormodification of a visual appearance of the content, including a layoutand a style of the content. As described above, each graphicaldefinition comprises a combination of a layout definition and a styledefinition. For instance, upon selection of a layout definition from alayout gallery, the selected layout definition may be combined with adefault style definition and may be applied to the content to creategraphical content. Alternatively, upon selection of a layout definition,one or more style definitions may be presented for selection in a stylegallery and, upon selection of one of the one or more style definitions,the selected layout definition and the selected style definition may beapplied to the content to create the graphical content. Thus, when agraphical definition (i.e., a layout definition combined with a styledefinition) is applied to the content, graphical content is created.

More specifically, each graphical definition may determine one or morevisual characteristics of the graphical content. For instance, agraphical definition may include information regarding geometricattributes including an arrangement of graphical elements within thegraphical content (i.e., layout definition) and regarding designattributes of graphical elements within the graphical content (i.e.,style definition).

A graphical element, also referred to as an element, refers to a part orportion of the displayed graphical content. According to someembodiments, graphical elements may include, but are not limited to,nodes, transitions, callouts, or Stuff On Page (SOP), such as clipart,photographs, or images. A node may be one of the shapes within thegraphical content. Examples of nodes may include circles, squares,triangles, or parts of shapes, like segments. One skilled in the artwill recognize many different types of nodes. A transition may be agraphical representation of an interrelationship between nodes.Transitions may include lines, arrows, or any other suitable indicatorof a relationship between nodes.

Again, with reference to the plurality of graphical definitions above, alayout definition may determine a position, size, organization,arrangement, or other layout properties for the graphical elements. Astyle definition provides information regarding design properties forthe graphical elements. For example, design properties may determinevisual characteristics of the graphical elements, such as threedimensional (3D) rendering, rotation, shape, border line, glow, shadow,bevel, fill, etc., for displaying the nodes or transitions. In someembodiments, design properties may include a font size, font type, fontcolor, etc., for displaying content within nodes or transitions of thegraphical content. In other embodiments, format properties may determinethe font size, font type, font color, etc., of content within elementsof the graphical content.

According to embodiments of the present disclosure, a hierarchicalstructure of the graphical content may directly correlate with thehierarchical format of the content. The hierarchical structure refers toa number, type, and organization of graphical elements within thegraphical content. The number of graphical elements within the graphicalcontent may correlate with the number of layers or lines of thehierarchical format. The type of graphical element may correlate witheach layer or line of content (i.e., a node type element) and/or witheach format that indicates a relationship within the content (i.e., atransition type element). The organization of the graphical elements maycorrelate with relationships within the content, that is, eachhierarchical level of content may correlate with an organizational levelof graphical elements, e.g., node level. Further, each hierarchicalposition within a hierarchical level of content may correlate with anorder of graphical elements within an organizational level, e.g., nodeposition within node level. Parent/child relationships within thegraphical content may be represented by child nodes associated withparent nodes. As described above with reference to parent/childrelationships within the content, a child node may be displayed asassociated with a parent node, e.g., via a transition connection, andmay be displayed within an organizational level, e.g., node level, belowthe parent's organizational level.

As should be appreciated, application of a graphical definition to theabove described hierarchical structure may alter the layout and style ofgraphical elements within the hierarchical structure, but may not alterthe underlying relationships of the hierarchical structure.

Indeed, embodiments may provide for effortless selection and applicationof one or more graphical definitions to the content without recreatingor modifying the content. That is, present embodiments provide forautomatic creation of graphical content based on combining one or moreselected graphical definitions with the content.

Referring now to layout drop-down menu 210, a plurality of layoutdefinitions may be displayed for selection. Selection of a layoutdefinition may be accomplished via clicking, touching, or otherwiseactivating one of the displayed layouts, e.g., layout 212. Uponselection of layout 212, the layout definition associated with layout212 may be applied to the content to create the graphical content. Thatis, upon selection of layout 212, the content may be displayed in thecontent pane 202 and the graphical content may be substantiallysimultaneously displayed in the graphics pane 218.

According to some embodiments, as the content is entered in the contentpane 202, a default graphical definition may be applied to the contentsuch that the graphical content is automatically and substantiallysimultaneously displayed in graphics pane 218 as the content is enteredin content pane 202. A default graphical definition may refer to thecombination of a default layout and a default style. According to otherembodiments, selection of a graphical definition may be requested beforethe graphical content is displayed in graphics pane 218. According tofurther embodiments, graphical content may be entered directly intographics pane 218 (based on a default or a selected graphicaldefinition) and content (including any formatting corresponding torelationships of the entered graphical content) may be substantiallysimultaneously displayed in content pane 202.

In addition, upon selection of layout 212, style gallery 214 may displaya plurality of style definitions applicable to selected layout 212. Forinstance, style gallery 214 may display one or more style definitionsfor altering the visual characteristics of graphical elements withinselected layout 212, e.g., 3D rendering, rotation, shape, border line,glow, shadow, bevel, fill, etc., of the layout elements. Note that if anew layout is selected from layout drop-down menu 210, a plurality ofdifferent style definitions, applicable to the new selected layout, maybe displayed in style gallery 214.

With reference to selected layout 212, upon selection of a styledefinition, e.g., style definition 216, the visual characteristics ofgraphical elements in the graphical content may be automaticallymodified in graphics pane 218 based on selected style definition 216. Inthis embodiment, that is, by selecting style definition 216 from stylegallery 214, the selected style definition 216 is applied to allgraphical elements (e.g., node 220, node 222, and transition 224) of thegraphical content. In alternative embodiments, described in more detailbelow, nodes (e.g., nodes 220 and 222) may be individually customizedvia shape customizing or other menus.

The user interface 200 of the graphics application may also providegraphics pane 218. Graphics pane 218 may be provided in a separate areafrom ribbon 206, ribbon 206 including its associated control elements(e.g., control elements 208), galleries (e.g., style gallery 214), anddrop-down menus (e.g., layout drop-down menu 210). Graphics pane 218 mayalso be provided in a separate area from content pane 202. Graphics pane218 may display the graphical content, which is a combination of agraphical definition and the content. As described above, graphicalcontent may include one or more graphical elements, including nodes(e.g., nodes 220 and 222) and transitions (e.g., transition 224).

According to embodiments of the present disclosure, graphical contentmay be automatically displayed in graphics pane 218 as content isentered and/or manipulated in content pane 202. For example, as aportion of content (e.g., line of text, image, etc.) is entered in thecontent pane 202, a corresponding graphical element (e.g., node 220) maybe created within graphics pane 218. In addition, according to thisembodiment, the line of text (i.e., “Second B”) is also reproduced innode 220. Additionally, upon applying formatting to the content incontent pane 202, relationships within the content may be created. Thatis, a first portion of content (e.g., first line of text) may be enteredwithin a first hierarchical level of the content. Thereafter, a secondportion of content (e.g., second line of text) may be entered after acarriage return and an indention, or tab. The second line of text mayoccupy a second hierarchical level and be a child of the first line oftext. When the content is reproduced as the graphical content in thegraphics pane, the first line of text may correspond to a first node,e.g., node 220, and the second line of text may correspond to a secondnode, e.g., node 222, which is a child element of node 220. Thus,corresponding parent/child relationships may be represented in thegraphical content (e.g., parent/child relationship 226) and in thecontent (e.g., parent/child relationship 228).

According to embodiments of the present disclosure, the position ofdisplay for a graphical element may depend on the layout definition,e.g., selected layout 212. For instance, a line of content on thehighest hierarchical level within the content may be at the bottom ofsome graphical content layouts and at the top of other graphical contentlayouts. Additionally or alternatively, a higher position within ahierarchical level, i.e., a first hierarchical position directly above asecond hierarchical position within a hierarchical level, may berepresented as a first node on the left of a second node, a first nodeto the right of a second node, a first node above a second node, or afirst node below a second node. Note that in each case, the first andsecond nodes are adjacent to one another within the graphical content.However, depending on the selected layout, the relative orientation ofthe first and second nodes may be different. This concept will bediscussed further below with respect to additional illustrative figures.

FIG. 3 is an illustration of an embodiment of a user interface providinga style drop-down menu associated with a style gallery for selectingadditional style definitions applicable to a selected layout.

As depicted in FIG. 3, a user interface 300 may be provided viaexecution of one or more computer-executable instructions by processingunit 21, the one or more computer-executable instructions may be storedon system memory 22 (including ROM 24 and RAM 25) or other forms ofcomputer storage media (e.g., the hard disk associated with hard diskdrive 27, magnetic disk 29, optical disk 31, etc.), as described above.

As illustrated in FIG. 2, above, upon selecting a layout, e.g., selectedlayout 212, a style gallery may present a plurality of style definitionsthat may be selected and applied to the selected layout, e.g., stylegallery 214.

As illustrated in FIG. 3, upon selection of a layout, e.g., selectedlayout 302, a style drop-down menu 304 may be provided. Style drop-downmenu 304 may display a plurality of additional style definitions foraltering the visual characteristics of graphical elements withinselected layout 302. Similar to the plurality of style definitions ofthe style gallery, the plurality of additional style definitions mayalter a 3D rendering, rotation, shape, border line, glow, shadow, bevel,fill, etc., of graphical elements within the selected layout 302. Notethat if a new layout is selected, as described above, a differentplurality of additional style definitions, applicable to the newselected layout, may be displayed in style drop-down menu 304.

Upon selection of an additional style definition, e.g., additional styledefinition 306, the visual characteristics of graphical elements in thegraphical content may be automatically modified in graphics pane 310. Assuch, graphical content 308 is displayed in a rotated, three-dimensional(3D) representation based on selection of additional style definition306. According to the illustrated embodiment, visual characteristicsassociated with additional style definition 306 are applied to allgraphical elements of the graphical content 308.

FIG. 4 is an illustration of an embodiment of a user interface providinga shape customizing drop-down menu associated with a graphical elementof the graphical content.

As depicted in FIG. 4, a user interface 400 may be provided viaexecution of one or more computer-executable instructions by processingunit 21, the one or more computer-executable instructions may be storedon system memory 22 (including ROM 24 and RAM 25) or other forms ofcomputer storage media (e.g., the hard disk associated with hard diskdrive 27, magnetic disk 29, optical disk 31, etc.), as described above.

According to some embodiments, one or more graphical elements of thegraphical content may be independently customized with one or more styledefinitions. That is, a graphical element may be selected in graphicspane 410, via clicking, touching, or otherwise activating the graphicalelement. As illustrated, node 402 has been selected or activated, asevidenced by a focus graphic surrounding node 402. Additionally, acorresponding line of content 404, i.e., “Fourth B,” is identified asactivated in content pane 408, e.g., evidenced by a focus boxsurrounding the corresponding line of content 404.

Upon activating node 402, a shape customizing drop-down menu 406 may beinitiated. Specifically, the shape customizing drop-down menu 406 may beinitiated via left or right click, or any other suitable means forinitiating.

The shape customizing drop-down menu 406 may provide a plurality ofoptions for customizing the node 402. These options may be similar tothe style definitions described above, but may be applied to a singlegraphical element at a time. The plurality of options may include, interalia, options for formatting, resetting, resizing, repositioning,rotating, filling, and editing content for a selected graphical element.Additionally or alternatively, upon selection of an option of the shapecustomizing drop-down menu 406, additional menus providing sub-optionsassociated with the selected option may be provided.

As illustrated in FIG. 4, upon selecting one or more options and/orsub-options for customizing node 402, node 402 is depicted with acustomized fill, bevel, and rotation. As may be appreciated, informationor content presented in a particular graphical element may be especiallyimportant to a presentation. As such, a particular graphical element maybe customized to highlight or bring attention to the particularinformation conveyed by that graphical element within the graphicalcontent.

FIG. 5 is an illustration of an embodiment of a user interface providingone or more control elements for modifying the content and the graphicalcontent.

A user interface 500 may be provided via execution of one or morecomputer-executable instructions by processing unit 21, the one or morecomputer-executable instructions may be stored on system memory 22(including ROM 24 and RAM 25) or other forms of computer storage media(e.g., the hard disk associated with hard disk drive 27, magnetic disk29, optical disk 31, etc.), as described above.

As described above, control elements may be selected via user interface500 to apply various operations to the content and to the graphicalcontent, e.g., for creating, editing, rearranging, or otherwisemodifying the content and the graphical content. Specifically, reordercontrol elements 502 may be provided for reordering the hierarchicalformat of the content and the hierarchical structure of the graphicalcontent.

As may be appreciated, changes made to the hierarchical format of thecontent may be automatically and substantially simultaneously reflectedas corresponding changes to the hierarchical structure of the graphicalcontent. For instance, if a content portion (e.g., a line of content oran image) is re-positioned within a first hierarchical level, e.g.,reordered from a second hierarchical position to a first hierarchicalposition within the first hierarchical level, a corresponding change mayoccur within the graphical content. That is, a node occupying a secondnode position within a first node level may be reordered to a first nodeposition within the first node level.

According to at least some embodiments, a hierarchical position of thecontent may contain a portion of content, e.g., a line of text or animage, as described above. A node corresponding to the portion ofcontent may comprise a combination of the portion of content (i.e., theline of text or the image), attributes of the graphical definition asapplied to the content (i.e., layout and style properties applied to thecontent), and any additional customizations to the node (as describedfurther herein). Thus, when the portion of content is reordered from onehierarchical position to another in content pane 512, the correspondingnode (including the portion of content, the applied graphicaldefinition, and any customizations) is reordered from one node positionto another in graphics pane 514.

As described above, control elements may be provided within a ribbonarea, e.g., ribbon 516, of user interface 500. More specifically,reorder control elements 502 may include a reorder up element 504(activated) and a reorder down element (not activated). Additionally,according to some embodiments, upon initiating one of the reordercontrol elements 502, a text box may be displayed providing informationregarding the initiated control element. For example, upon initiation ofreorder up element 504, a reorder up text box 506 may be displayed.Reorder up text box 506 may further provide that upon selection of thereorder up control element, a node may be moved forward in the sequence.That is, upon selection of a node and initiation of reorder up element504, the selected node may be move up one node position within anassociated node level. Likewise, a selected line of contentcorresponding to the selected node may be moved up one hierarchicalposition within a corresponding hierarchical level. A similar text boxmay be displayed upon selection of the reorder down element (text boxnot shown).

For example, as illustrated in FIG. 5, line of text 508 (i.e., “ThirdC”) is selected in content pane 512, as evidenced by the focus boxsurrounding line of text 508. Upon selecting or otherwise initiating thereorder up element 504, line of text 508 may be moved up onehierarchical position within the third hierarchical level (as shown).That is, the “Third C” line of text has been moved above the “Third B”line of text within the third hierarchical level. Likewise, asillustrated in graphics pane 514, node “Third C” has been moved one nodeposition to the left, reordering node “Third C” from a third nodeposition to a second node position within the third node level.Consequently, node “Third B” has been reordered from a second nodeposition to a third node position within the third node level.

In addition, according to the illustrated embodiment, node “Third C” isassociated with two child nodes, i.e., node “Fourth B” and node “FourthC” (i.e., node 510). Further, node “Fourth C” (i.e., node 510) is alsoassociated with a child node, i.e., node “Fifth A.” For purposes ofillustration within FIG. 5 only, node “Third B” has been associated witha child node “Fourth A” (i.e., node 518), while node “Fourth B” and node“Fourth C” (i.e., node 510) are associated with node “Third C.” Forprevious and subsequent figures, node “Third C” is associated with nodes“Fourth A” and “Fourth B.” FIG. 5 illustrates that, according to atleast some embodiments, upon reordering a parent node, child nodesremain associated with the parent node and are also reordered within thehierarchical structure. Thus, upon reordering node “Third C,” nodes“Fourth B” and “Fourth C” remain in a child relationship with node“Third C.” Additionally, nodes “Fourth B” and “Fourth C” are reorderedwithin the fourth hierarchical level. That is, nodes “Fourth B” and“Fourth C” are also moved one node position to the left, reordering node“Fourth B” from a second node position to a first node position withinthe fourth node level and reordering node “Fourth C” from a third nodeposition to a second node position within the fourth node level.Consequently, node “Fourth A” (i.e., node 518), associated with node“Third B,” has been reordered from a first node position to a third nodeposition in the fourth node level. Note that according to thisembodiment, multiple child nodes associated with a single parent noderemain in adjacent positions to one another when the parent node isreordered, which may cause child nodes associated with other parentnodes to be reordered by more than one node position within a node level(as illustrated).

As should be appreciated, corresponding changes occur within contentpane 512. That is, line of text “Third C” (i.e., line of text 508) hasbeen moved up one hierarchical position, to the second hierarchicalposition, along with child lines of text “Fourth B” and “Fourth C.”Child lines of text have also been moved up one hierarchical position,respectively, within the fourth hierarchical level. Consequently, lineof text “Third B” has been moved down one hierarchical position, to thethird hierarchical position, within the third hierarchical level. Inaddition, child line of text “Fourth A” has been moved down twohierarchical positions, to a third hierarchical position within thefourth hierarchical level.

Additionally or alternatively, as illustrated by FIG. 5, node “Fourth C”(i.e., node 510) has been independently customized, as described above.According to the illustrated embodiment, upon reordering node “Fourth C”(i.e., node 510), the customization has been retained. According toother embodiments, based on a selected graphical definition,customization may not be retained upon reordering. For example, if aselected layout associates a particular shape with a particular nodeposition, this association may be retained when a node or shape isreordered. That is, according to one embodiment, a selected layout maydesignate a first node position within a node level as a square, asecond node position as a circle, and a third node position as atriangle. Upon customizing a node occupying a second node position, thenode may be customized to a square. Thus, before reordering, the nodesmay be represented as: a square, a square, and a triangle, respectively.However, upon reordering, the layout definition may control. That is, ifthe second node, a customized square, is reordered to the thirdposition, it may automatically revert to a triangle based on theselected layout definition for the graphical content. According to otherembodiments, customized nodes may retain some aspects of customizationwhen reordered, e.g., font type, color, fill, etc., but may not retainothers, e.g., node shape, style, rotation, etc.

FIG. 6 is an illustration of an embodiment of a user interface providinga shape effects drop-down menu associated with a format tab.

A user interface 600 may be provided via execution of one or morecomputer-executable instructions by processing unit 21, the one or morecomputer-executable instructions may be stored on system memory 22(including ROM 24 and RAM 25) or other forms of computer storage media(e.g., the hard disk associated with hard disk drive 27, magnetic disk29, optical disk 31, etc.), as described above.

According to some embodiments, a format tab, e.g., format tab 602, maybe provided within the user interface 600. Upon selection of format tab602, any number of galleries, control elements, drop-down menus, etc.,may be provided in a ribbon, for example ribbon 604, within the windowof the user interface 600. For instance, galleries, menus, etc., may beprovided for displaying a plurality of formatting options that may beselected and applied to the graphical content. Additionally, control orcommand elements may be provided for selecting and applying variousoperations to the graphical content, e.g., for changing shapes,enlarging shapes, etc. As may be appreciated, the galleries, menus, andcontrol elements provided within ribbon 604 (associated with format tab602) are different from those displayed in ribbon 206 (associated withdesign tab 204), described above.

For example, one may select a shape effects drop-down menu 608 fromwithin ribbon 604. Within shape effects drop-down menu 608, drop-downsub-menus may be selected, e.g., 3-D rotation drop-down sub-menu 610. Asmay be appreciated, similar to employing the shape customizing drop-downmenu 406, a selected node (e.g., node “Third C” corresponding toselected line of content 606) may be independently customized by usingone or more shape effects menus and sub-menus.

FIG. 7 is an illustration of an embodiment of a user interfaceillustrating application of a first alternative layout definition to thegraphical content.

A user interface 700 may be provided via execution of one or morecomputer-executable instructions by processing unit 21, the one or morecomputer-executable instructions may be stored on system memory 22(including ROM 24 and RAM 25) or other forms of computer storage media(e.g., the hard disk associated with hard disk drive 27, magnetic disk29, optical disk 31, etc.), as described above.

As described above, different graphical definitions may be applied tothe content to produce different graphical content. As such, ribbon 702,similar to ribbon 206, may provide galleries, menus, and controlelements for creating and/or editing the content and the graphicalcontent. Specifically, ribbon 702 may provide a layout gallery 704.Layout gallery 704 may display a plurality of layout definitions forselection. Upon selection of a first alternative layout, e.g., firstalternative layout 706, the layout definition associated with firstalternative layout 706 may be substantially simultaneously applied tothe content and displayed as the graphical content in graphics pane 712,as described above.

In addition, upon selection of first alternative layout 706, stylegallery 708 may display a plurality of style definitions applicable tofirst alternative layout 706. As first alternative layout 706 isdifferent from the selected layout 212, as described above, a pluralityof different style definitions, applicable to first alternative layout706, are displayed in style gallery 708.

With reference to first alternative layout 706, upon selection of astyle definition, the visual characteristics of graphical elements inthe graphical content may be automatically modified in graphics pane 712based on first alternative layout 706. Note that the previouslycustomized node, “Fourth B” (i.e., node 710), retained its customizationeven though first alternative layout 706 was selected. As describedabove, depending on a selected layout, customized nodes (such ascustomized node 710) may or may not retain customization after a newlayout is selected.

FIG. 8 is an illustration of an embodiment of a user interfaceillustrating application of a second alternative layout definition tothe graphical content.

A user interface 800 may be provided via execution of one or morecomputer-executable instructions by processing unit 21, the one or morecomputer-executable instructions may be stored on system memory 22(including ROM 24 and RAM 25) or other forms of computer storage media(e.g., the hard disk associated with hard disk drive 27, magnetic disk29, optical disk 31, etc.), as described above.

Again, different graphical definitions may be applied to the content toproduce different graphical content. According to the illustratedembodiment, layout gallery 802 may display a plurality of layoutdefinitions for selection. Upon selection of a layout, e.g., secondalternative layout 804, the layout definition associated with secondalternative layout 804 may be automatically applied to the content andsubstantially simultaneously displayed as the graphical content 808 inthe graphics pane 806, as described above. Additionally, as describedabove, a default style definition may be automatically applied to thecontent upon selection of second alternative layout 804. Additionally oralternatively, a style gallery may be presented upon selection of secondalternative layout 804 and a style definition applicable to secondalternative layout 804 may be selected and applied to the content.

As described above, upon selection of second alternative layout 804, thevisual characteristics of graphical elements in the graphical content808 may be automatically modified in the graphics pane 806 based onsecond alternative layout 804. However, note that according to thisembodiment, the previously customized node, “Fourth B” (i.e., node 710,as illustrated in FIG. 7), did not retain its customization in thesecond alternative layout 804.

FIG. 9 is a flow diagram representing an embodiment of a method forreordering the hierarchical format of the content.

A flow operation 900 may be provided via execution of one or morecomputer-executable instructions by processing unit 21, the one or morecomputer-executable instructions may be stored on system memory 22(including ROM 24 and RAM 25) or other forms of computer storage media(e.g., the hard disk associated with hard disk drive 27, magnetic disk29, optical disk 31, etc.), as described above.

At accept content operation 902, content may be received in a contentpane of a graphics application. As described above, the content maycomprise a hierarchical format. The hierarchical format may be providedthrough the use of carriage returns, indenting or tabbing, line spacing,etc., as discussed in relation to FIGS. 2-8.

At display hierarchical format operation 904, the hierarchical format ofthe content may be displayed in the content pane. The hierarchicalformat may further comprise one or more hierarchical levels and each ofthe hierarchical levels may comprise a plurality of hierarchicalpositions.

At display menu operation 906, a menu displaying a plurality ofgraphical definitions may be provided. The graphical definitions maydetermine one or more visual characteristics of the graphical content. Agraphical definition may refer to the combination of a layout (e.g.,defining arrangement properties) and a style (e.g., defining designproperties) applied to the graphical elements of the graphical content.The plurality of graphical definitions may be displayed in a ribbon,including one or more galleries and menus, in a separate area from thecontent pane and the graphics pane.

At receive selection operation 908, a selection of at least onegraphical definition is received.

At apply operation 910, the selected at least one graphical definitionis applied to the content.

At create operation 912, the graphical content is created by applyingthe selected at least one graphical definition to the hierarchicalformat of the content. In so doing, graphical content is created havinga corresponding hierarchical structure.

At simultaneously display operation 914, the corresponding hierarchicalstructure of the graphical content is displayed in the graphics pane.The corresponding hierarchical structure may further comprise one ormore node levels, corresponding to the one or more hierarchical levelsof the content. Each node level may further comprise a plurality ofnodes occupying a plurality of node positions, the node positionscorresponding to the plurality of hierarchical positions of the contentin the content pane. That is, each node (i.e., a portion of contenthaving an applied graphical definition or customization, as describedabove) occupies a node position in a node level and corresponds to theportion of content occupying the corresponding hierarchical position inthe corresponding hierarchical level.

At reorder operation 916, a hierarchical position within a hierarchicallevel of the hierarchical format may be reordered in the content pane.Reordering may be initiated automatically by selection of a portion ofcontent in a hierarchical position of a hierarchical level andactivation of a reorder control element or other suitable command. Anychild portions of content associated with the selected portion ofcontent may also be reordered within a child hierarchical level.

At automatically reorder operation 918, a node in a corresponding nodeposition within a corresponding node level of the hierarchical structureof the graphical content may be automatically reordered andsubstantially simultaneously displayed in the graphics pane. Further,any child nodes associated with the node in the corresponding nodeposition may also be automatically reordered. That is, the associatedchild nodes may also be automatically reordered within a child nodelevel and substantially simultaneously displayed in the graphics pane.

FIG. 10 is a flow diagram representing an embodiment of a method forreordering the hierarchical structure of the graphical content.

A flow operation 1000 may be provided via execution of one or morecomputer-executable instructions by processing unit 21, the one or morecomputer-executable instructions may be stored on system memory 22(including ROM 24 and RAM 25) or other forms of computer storage media(e.g., the hard disk associated with hard disk drive 27, magnetic disk29, optical disk 31, etc.), as described above.

At accept content operation 1002, content may be received in a contentpane of a graphics application. As described above, the content maycomprise a hierarchical format. The hierarchical format may be providedthrough the use of carriage returns, indenting or tabbing, line spacing,etc.

At display hierarchical format operation 1004, the hierarchical formatof the content may be displayed in the content pane. The hierarchicalformat may further comprise one or more hierarchical levels and each ofthe hierarchical levels may comprise a plurality of hierarchicalpositions.

At display menu operation 1006, a menu displaying a plurality ofgraphical definitions may be displayed for selection. The graphicaldefinitions may determine one or more visual characteristics of thegraphical content. A graphical definition may refer to the combinationof a layout definition (e.g., defining arrangement properties) and astyle definition (e.g., defining design properties) of the graphicalcontent. The plurality of graphical definitions may be displayed in aribbon, including one or more galleries and menus, in a separate areafrom the content pane and the graphics pane.

At receive selection operation 1008, a selection of at least onegraphical definition is received.

At apply operation 1010, the selected at least one graphical definitionis applied to the content.

At create operation 1012, the graphical content is created by applyingthe selected at least one graphical definition to the hierarchicalformat of the content. In so doing, graphical content is created havinga corresponding hierarchical structure.

At simultaneously display operation 1014, the corresponding hierarchicalstructure of the graphical content is displayed in the graphics pane.The corresponding hierarchical structure may further comprise one ormore node levels, corresponding to the one or more hierarchical levelsof the content. Each node level may further comprise a plurality ofnodes occupying a plurality of node positions, the node positionscorresponding to the plurality of hierarchical positions of the contentin the content pane. That is, each node (i.e., a portion of contenthaving an applied graphical definition or customization, as describedabove) occupies a node position in a node level and corresponds to theportion of content occupying the corresponding hierarchical position inthe corresponding hierarchical level.

At reorder operation 1016, a node position within a node level of thehierarchical structure may be reordered in the graphics pane. Reorderingmay be initiated automatically by selection of a node in a node positionof a node level and activation of a reorder control element or othersuitable command. Any child nodes associated with the node may also bereordered within a child node level.

At automatically reorder operation 1018, a portion of content in acorresponding hierarchical position within a corresponding hierarchicallevel of the hierarchical format of the content may be automaticallyreordered and substantially simultaneously displayed in the contentpane. Further, any child portions of content associated with the portionof content in the corresponding hierarchical position may also beautomatically reordered. That is, the associated child portions ofcontent may also be automatically reordered within a child hierarchicallevel and substantially simultaneously displayed in the content pane.

It will be clear that the systems and methods described herein are welladapted to attain the ends and advantages mentioned as well as thoseinherent therein. Those skilled in the art will recognize that themethods and systems within this specification may be implemented in manymanners and as such is not to be limited by the foregoing exemplifiedembodiments and examples. In other words, functional elements beingperformed by a single or multiple components, in various combinations ofhardware and software, and individual functions can be distributed amongsoftware applications at either the client or server level. In thisregard, any number of the features of the different embodimentsdescribed herein may be combined into one single embodiment andalternative embodiments having fewer than or more than all of thefeatures herein described are possible.

While various embodiments have been described for purposes of thisdisclosure, various changes and modifications may be made which are wellwithin the scope of the present disclosure. Numerous other changes maybe made which will readily suggest themselves to those skilled in theart and which are encompassed in the spirit of the disclosure and asdefined in the appended claims.

What is claimed is:
 1. A computer storage medium storingcomputer-executable instructions for editing graphical content, themethod comprising: accepting content in a content pane, wherein thecontent comprises a plurality of content portions displayed in ahierarchical format comprising one or more hierarchical levels, whereinat least one of the one or more hierarchical levels comprises aplurality of hierarchical positions, and wherein each content portionoccupies one of the plurality of hierarchical positions; receiving aselection of at least one of a plurality of graphical definitions,wherein the at least one selected graphical definition comprises alayout and a style for presenting the content; applying the at least oneselected graphical definition to the content to produce the graphicalcontent; simultaneously displaying the graphical content in a graphicspane separate from the content pane, wherein the graphical contentcomprises a plurality of nodes in a hierarchical structure correspondingto the hierarchical format, wherein the hierarchical structure comprisesone or more node levels corresponding to the one or more hierarchicallevels, wherein each of the one or more node levels comprises aplurality of node positions corresponding to the plurality ofhierarchical positions, and wherein each node corresponds to a contentportion and occupies a corresponding one of the plurality of nodepositions; receiving a change to the content in the content pane,wherein the change includes reordering a selected one of the pluralityof content portions within one of the one or more hierarchical levels;and automatically reordering one of the plurality of nodes correspondingthe selected content portion within a corresponding one of the one ormore node levels in the graphics pane as the change to the content isreceived in the content pane.
 2. The computer storage medium of claim 1,further comprising: selecting one of the plurality of content portionsin the content pane for reordering, wherein the selected content portionfurther comprises a child content portion.
 3. The computer storagemedium of claim 1, further comprising: selecting one of the plurality ofcontent portions in a first hierarchical position within a firsthierarchical level of the one or more hierarchical levels of thecontent; displaying a menu comprising options for reordering theselected content portion; and upon receiving a selection of an optionfor reordering the selected content portion, reordering the selectedcontent portion from the first hierarchical position to a secondhierarchical position within the first hierarchical level.
 4. Thecomputer storage medium of claim 3, further comprising: determining thatthe first hierarchical position is a highest hierarchical positionwithin the first hierarchical level; and only displaying an option forreordering the selected content portion down within the firsthierarchical level.
 5. The computer storage medium of claim 1, furthercomprising: selecting one of the plurality of content portions in a lasthierarchical position within a first hierarchical level of the one ormore hierarchical levels of the content; determining that the lasthierarchical position is a lowest hierarchical position within the firsthierarchical level; and only displaying an option for reordering theselected content portion up within the first hierarchical level.
 6. Thecomputer storage medium of claim 2, wherein when the selected contentportion is reordered the child content portion is reordered along withthe selected content portion.
 7. The computer storage medium of claim 6,wherein a child node corresponding to the child content portion iscustomized, and wherein the child node remains customized when the childnode is reordered with a node corresponding to the selected contentportion.
 8. The computer storage medium of claim 6, wherein a child nodecorresponding to the child content portion is customized, wherein a newselection of the plurality of graphical definitions is received, andwherein the child node does not remain customized when the child node isreordered with a node corresponding to the selected content portion. 9.A computer system, comprising: at least one processor; and at least onememory, communicatively coupled to the at least one processor andcontaining computer-readable instructions that, when executed by the atleast one processor, perform a method for editing graphical content, themethod comprising: accepting content in a content pane, wherein thecontent comprises a plurality of content portions displayed in ahierarchical format comprising one or more hierarchical levels, whereinat least one of the one or more hierarchical levels comprises aplurality of hierarchical positions, and wherein each content portionoccupies one of the plurality of hierarchical positions; receiving aselection of at least one of a plurality of graphical definitions,wherein the at least one selected graphical definition comprises alayout and a style for presenting the content; applying the at least oneselected graphical definition to the content to produce the graphicalcontent; simultaneously displaying the graphical content in a graphicspane separate from the content pane, wherein the graphical contentcomprises a plurality of nodes in a hierarchical structure correspondingto the hierarchical format, wherein the hierarchical structure comprisesone or more node levels corresponding to the one or more hierarchicallevels, wherein each of the one or more node levels comprises aplurality of node positions corresponding to the plurality ofhierarchical positions, and wherein each node corresponds to a contentportion and occupies a corresponding one of the plurality of nodepositions; selecting one of the plurality of content portions in a firsthierarchical position within a first hierarchical level of the one ormore hierarchical levels of the content; displaying a menu comprisingoptions for reordering the selected content portion; and upon receivinga selection of an option for reordering the selected content portion,reordering the selected content portion from the first hierarchicalposition to a second hierarchical position within the first hierarchicallevel; and automatically reordering one of the plurality of nodescorresponding the selected content portion from a first node position toa second node position within a corresponding first node level in thegraphics pane as the change to the content is received in the contentpane.
 10. The computer system of claim 9, further comprising: selectingone of the plurality of content portions in the content pane forreordering, wherein the selected content portion further comprises achild content portion.
 11. The computer system of claim 9, furthercomprising: determining that the first hierarchical position is ahighest hierarchical position within the first hierarchical level; andonly displaying an option for reordering the content portion in thefirst hierarchical position down within the first hierarchical level 12.The computer system of claim 9, further comprising: selecting one of theplurality of content portions in a last hierarchical position within afirst hierarchical level of the one or more hierarchical levels of thecontent; determining that the last hierarchical position is a lowesthierarchical position within the first hierarchical level; and onlydisplaying an option for reordering the selected content portion upwithin the first hierarchical level.
 13. The computer system of claim10, wherein when the selected content portion is reordered the childcontent portion is reordered along with the selected content portion.14. The computer system of claim 13, wherein a child node correspondingto the child content portion is customized, and wherein the child noderemains customized when the child node is reordered with a nodecorresponding to the selected content portion.
 15. The computer systemof claim 13, wherein a child node corresponding to the child contentportion is customized, wherein a new selection of the one or moregraphical definitions is received, and wherein the child node does notremain customized when the child node is reordered with the selectedcontent portion.
 16. A computer storage medium storingcomputer-executable instructions for editing a graphical content, themethod comprising: accepting content in a content pane, wherein thecontent comprises a plurality of content portions displayed in ahierarchical format comprising one or more hierarchical levels, whereinat least one of the one or more hierarchical levels comprises aplurality of hierarchical positions, and wherein each content portionoccupies one of the plurality of hierarchical positions; receiving aselection of at least one of a plurality of graphical definitions,wherein the at least one selected graphical definition comprises alayout and a style for presenting the content; applying the at least oneselected graphical definition to the content to produce the graphicalcontent; simultaneously displaying the graphical content in a graphicspane separate from the content pane, wherein the graphical contentcomprises a plurality of nodes in a hierarchical structure correspondingto the hierarchical format, wherein the hierarchical structure comprisesone or more node levels corresponding to the one or more hierarchicallevels, wherein each of the one or more node levels comprises aplurality of node positions corresponding to the plurality ofhierarchical positions, and wherein each node corresponds to a contentportion and occupies a corresponding one of the plurality of nodepositions; receiving a change to the graphical content in the graphicspane, wherein the change includes reordering a selected one of theplurality of nodes within one of the one or more node levels; andautomatically reordering one of the plurality of content portionscorresponding the selected node within a corresponding one of the one ormore hierarchical levels in the content pane as the change to thegraphical content is received in the graphics pane.
 17. The computerstorage medium of claim 16, further comprising: selecting one of theplurality of nodes for reordering, wherein the selected node comprises achild node.
 18. The computer storage medium of claim 16, furthercomprising: selecting a node of the plurality of nodes in a first nodeposition in a first node level of the one or more node levels of thegraphical content; displaying a menu comprising options for reorderingthe selected node; and upon receiving a selection of an option forreordering the selected node, reordering the selected node from thefirst node position to a second node position within the first nodelevel.
 19. The computer storage medium of claim 17, wherein when theselected node is reordered the child node is reordered along with theselected node.
 20. The storage medium of claim 19, wherein the childnode is customized, and wherein the child node remains customized whenthe child node is reordered along with the selected node.